<template>
	<view class="fn_card_content display displayColumn  width_699 fontSize font_comm M-T20" @click="towallentdetails(item)">
		<view class="fn_card_one display displaycenter_aliem width-100 M-T24">
			<span class="fn_tt1 M-L24">{{item.goodsName}}</span>
			<span class="fn_tt1 M-R24">{{item.payCash}}</span>
		</view>
		<view class="fn_card_one display displaycenter_aliem width-100 M-T12">
			<!-- <span class="fn_tt2 M-L24">显示套餐名称</span> -->
			<span class="fn_tt2 M-L24">零钱支付</span>
		</view>
		<view class="fn_line M-L24 M-T20"></view>
		<view class="fn_card_one display displaycenter_aliem width-100 M-T20">
			<span class="fn_tt2 M-L24">{{item.createTime}}</span>
			</view>
	</view>
</template>

<script>
	export default{
		props:{
			item:Object
		},
		data(){
			return{
				
			}
		},
		methods:{
			towallentdetails(item){
				console.log(item)
				this.$tab.navigateTo('/packageC/wallentDetails/wallentDetails?id='+item.id)
			}
		}
	}
</script>

<style scoped lang="scss">
	.fn_card_content{
		// height: 208rpx;
		padding-bottom: 24rpx;
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}
	.fn_card_one{
		justify-content: space-between;
	}
	.fn_tt1{
		font-weight: 600;
		font-size: 28rpx;
		color: #000000;
	}
	.fn_tt2{
		font-weight: 400;
		font-size: 24rpx;
		color: #72778A;
	}
	.fn_line{
		width: 642rpx;
		height: 0rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		border: 2rpx solid #F6F6F6;
	}
</style>